<div class="header">
    <h1 class="font-normal font-red">CBook</h1>
    <div class="searchbox">
        <input type="text" placeholder="search">
        <i class="fa fa-search" aria-hidden="true"></i>
    </div>
    <i class="fa fa-ellipsis-v" (click)="toSet()"></i>
</div>
<div class="content">
    <div class="header">
        <a href="" id="button1" [routerLink]="''" [routerLinkActive]="'true'">推荐</a>
        <a href="" id="button2" [routerLink]="'./homeCook'" [routerLinkActive]="'true'">家常</a>
        <a href="" id="button3" [routerLink]="'./snack'" [routerLinkActive]="'true'">小吃</a>
        <a href="" id="button4" [routerLink]="'./pastry'" [routerLinkActive]="'true'">糕点</a>
        <div class="selecter" [ngClass]="[selectorClass]"></div>
    </div>
    <div class="menu" [ngStyle]="{'height':menuHeight+'px'}">
        <router-outlet></router-outlet>
    </div>
</div>
<app-setting #setting></app-setting>